<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Responsive Login Form</title>

    <link href="login/css/css.css" rel="stylesheet">
    <link href="login/css/font-awesome.min.css" rel="stylesheet"
          integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <link rel="stylesheet" href="login/css/style.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
</head>
<body>
<!-- partial:index.partial.html -->
<div class="box-form" id="app">
    <div class="left">
        <div class="overlay">
            <h1>药房管理 dweedwae</h1>
            <p>xxxxx院药房操作系统</p>
            <span>
<!--			<p>login with social media</p>-->
<!--			<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>-->
<!--			<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i> Login with Twitter</a>-->
		</span>
        </div>
    </div>


    <div class="right" >
        <h5>Login</h5>
        <p>Don't have an account? <a href="#">Creat Your Account</a> it takes less than a minute</p>
        <div class="inputs">
            <input type="text" placeholder="user name">
            <br>
            <input type="password" placeholder="password">
        </div>

        <br><br>

        <div class="remember-me--forget-password">
            <!-- Angular -->
            <label>
                <input type="checkbox" name="item" checked="/">
                <span class="text-checkbox">Remember me</span>
            </label>
            <p>forget password?</p>
        </div>

        <br>
        <button>Login</button>
    </div>

</div>
<!-- partial -->

</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let vm = new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        methods: {}
    })
</script>
</html>